<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
<!--  <meta name="viewport" content="width=device-width, initial-scale=1">-->
  <link rel="stylesheet" href="cssav.css">
</head>
<body>
<nav>
  <ul class="nav-container-list">
    <li class="nav-list-item"><a href="">Item1</a></li>
    <li class="nav-list-item"><a href="">Item2</a></li>
    <li class="nav-list-item">
      <a href="">Item3</a>
      <ul class="nav-submenu-list">
        <li class="nav-submenu-item"><a href="">SubItem1</a></li>
        <li class="nav-submenu-item"><a href="">SubItem2</a></li>
        <li class="nav-submenu-item"><a href="">SubItem3</a></li>
        <li class="nav-submenu-item"><a href="">SubItem4</a></li>
      </ul>
    </li>
    <li class="nav-list-item"><a href="">Item4</a></li>
<!--    <li class="clearfix"></li>&lt;!&ndash;用于清除浮动，撑开父容器&ndash;&gt;-->
  </ul>
</nav>
</body>
</html>
